@import './transition.scss';
@import './element-ui.scss';
@import './sidebar.scss';
@import './svgicon.scss';


body {
  // min-width: 1200px;
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
  font-size: 14px;
  color: $regularTextColor;
}

label {
  font-weight: 700;
  color: var(--el-text-color-regular);
}

html {
  height: 100%;
  box-sizing: border-box;
}

#app {
  height: 100%;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

div:focus {
  outline: none;
}

h2, h3, h4, p {
  margin: $gutterSmall 0;
}

.align-right {
  display: flex;
  justify-content: flex-end;
}

// main-container global css
.app-container {
  padding: 20px;
  margin: 20px;
  // border-radius: 8px;
  background: #fff;
  box-shadow: 0px 2px 4px 1px rgba(0,0,0,.06);
}

.components-container {
  margin: 30px 50px;
  position: relative;
}

/*修改某个div的滚动条样式*/
div::-webkit-scrollbar {
  width: 8px;
}

/* 滚动槽 */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.2);
}

.errorColor {
  color: var(--el-color-danger);
}

/* 自定义样式 */
/** v-column指令样式 */
.column-wrapper {
  // 若此栏需要占据100%位置，可加类block
  .block {
    display: block !important;
    width: auto !important;
  }
  // 若此项需要内容靠右，可加类right
  .right {
    >* {
      justify-content: flex-end;
    }
  }
  &.column-2 {
    margin-right: -5%;
    >div {
      display: inline-flex;
      width: 45%;
      margin-right: 5%;
      vertical-align: bottom;
    }
  }
  &.column-3 {
    margin-right: -5%;
    >div {
      display: inline-flex;
      width: 28.33%;
      margin-right: 5%;
      vertical-align: bottom;
    }
  }
  &.column-4 {
    margin-right: -3%;
    >div {
      display: inline-flex;
      width: 22%;
      margin-right: 3%;
      vertical-align: bottom;
    }
  }
}